<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>查看订单</title>

<link rel="stylesheet" href="css/icomoon.css" />
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/index.css" />
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/transition.js"></script>
<script type="text/javascript" src="js/icomoon.js"></script>


<script>

$(document).ready(function () {
	$("#01").click(function(){
		$("#01-01").toggle();
	});
});
</script>

</head>
<body>

	<div class="navbar navbar-inverse navbar-static-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">VeryEdu 影院订票系统</a>
        </div>
        <div class="navbar-collapse collapse">
          
        </div><!--/.navbar-collapse -->
      </div>
    </div>



    <div class="container">
    
		<div class="container">
			
			<div class="row row-offcanvas row-offcanvas-left">
            	<div class="col-xs-6 col-sm-3 sidebar-offcanvas">
                         
                    <ul class="nav nav-pills nav-stacked">
	                  <li><a href="#"><span class="icon-camera"></span><span class="mls"> 浏览影片</span></a></li>
	                  <li><a href="#"><span class="icon-bell"></span><span class="mls"> 浏览场次</span></a></li>
	                  <li><a href="#"><span class="icon-users"></span><span class="mls"> 选择座位</span></a></li>                  
	                  <li><a href="#"><span class="icon-coin"></span><span class="mls"> 支付订单</span></a></li>                
	                  <li class="active"><a href="#"><span class="icon-numbered-list"></span><span class="mls"> 查看订单</span></a></li>
	                </ul>
                
                </div>
                <div class="col-xs-12 col-sm-9">
                    <div class="row">
                        <div class="col-xs-12 col-sm-12">
							<table class="table table-hover">
								<th>序号</th>
								<th>订单号</th>
								<th>会员名称</th>
								<th>订单总价</th>
								<tbody>
									<tr id="01" class="order">
										<td>1</td>
										<td>00000001</td>
										<td>Allen</td>
										<td>130.00</td>										
									</tr>
									<tr id="01-01" style="display:none;" class="item">
										<td colspan="4">
											<table class="table">
												<tr>
													<td>2013-12-28</td>
													<td>19:30</td>
													<td>风暴</td>
													<td>1号大厅</td>													
													<td>65.00</td>
													<td>未上映</td>
													<td><a href="showTime.html" class="btn btn-primary" role="button">取消</a></td>
												</tr>
												<tr>
													<td>2013-12-28</td>
													<td>19:30</td>
													<td>风暴</td>
													<td>1号大厅</td>													
													<td>65.00</td>
													<td>未上映</td>
													<td><a href="showTime.html" class="btn btn-primary" role="button">取消</a></td>
												</tr>
											</table>
										</td>
									</tr>
									<tr>
										<td>1</td>
										<td>00000001</td>
										<td>Allen</td>
										<td>130.00</td>
									</tr>
									<tr>
										<td>1</td>
										<td>00000001</td>
										<td>Allen</td>
										<td>130.00</td>
									</tr>
									<tr>
										<td>1</td>
										<td>00000001</td>
										<td>Allen</td>
										<td>130.00</td>
									</tr>
								
								</tbody>
							</table>
						</div>
                    </div>					
                </div>
            </div>
		</div>	
		
		
      <hr>
      <footer>
        <p>&copy; Company 2013</p>
      </footer>
    </div> <!-- /container -->


</body>
</html>
